<template>
  <div>
    <Suspense>
      <template #fallback>
        loadding...  
      </template>
      <UserInfo></UserInfo>
    </Suspense>
    {{ age }}
  </div>
</template>

<script setup>
import UserInfo from "./components/UserInfo.vue";
import { ref,toRefs } from 'vue'
const aaa=ref({
  age:123
})
const {age}=toRefs(aaa.value)
setTimeout(()=>{
  aaa.value.age=20
},1000)
console.log(aaa)
</script>
